﻿.clear_float::after {
    clear: both;
    content: ".";
    display: block;
    width: 0;
    height: 0;
    visibility: hidden
}

.weui-desktop-media__list .weui-desktop-media__list-col {
    min-width: 305px
}

.weui-desktop-media__list-col .weui-desktop-card.weui-desktop-audio-card {
    width: 100%
}

.weui-desktop-audio-card {
    position: relative;
    display: block;
    width: 100%;
    *zoom: 1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    -webkit-box-shadow: 0 1px 5px 0 rgba(0,0,0,0.05);
    box-shadow: 0 1px 5px 0 rgba(0,0,0,0.05);
    border-radius: 3px
}

    .weui-desktop-audio-card.checked {
        border: 2px solid rgba(7,193,96,0.3);
        border-radius: var(--weuiDesktop_cardBorderRadius)
    }

        .weui-desktop-audio-card.checked .weui-desktop-card__inner {
            padding: 12px 13px 13px
        }

    .weui-desktop-audio-card .weui-desktop-card__inner {
        padding: 14px 15px 15px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

        .weui-desktop-audio-card .weui-desktop-card__inner.hover {
            padding: 12px 13px 13px;
            border: 2px solid rgba(7,193,96,0.3)
        }

    .weui-desktop-audio-card.disabled {
        opacity: 0.5
    }

    .weui-desktop-audio-card .checked_layer {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 114px;
        background: rgba(7,193,96,0.1)
    }

    .weui-desktop-audio-card .weui-desktop-media-card__opr {
        bottom: 12px
    }

.weui-desktop-audio-card__item_left {
    position: relative;
    width: calc(100% - 100px);
    height: 89px;
    margin-right: 10px;
    font-size: var(--weuiDesktop_globalFontSize);
    float: left
}

.weui-desktop-audio-card__item_left_bottom {
    position: absolute;
    bottom: 0;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.weui-desktop-audio-card__status-tip_word {
    display: inline-block
}

.weui-desktop-audio-card__title {
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    text-align: justify;
    -webkit-line-clamp: 2;
    min-width: 100%;
    display: block
}

    .weui-desktop-audio-card__title em {
        font-style: normal;
        color: var(--weuiDesktop_themeColor)
    }

    .weui-desktop-audio-card__title.indent {
        text-indent: 1.5em
    }

.weui-desktop-audio-card__desc, .weui-desktop-audio-card__status-tip_word {
    color: var(--weuiDesktop_FG_Text_descColor);
    font-size: var(--weuiDesktop_globalFontSize)
}

.weui-desktop-audio-card__tips {
    color: var(--weuiDesktop_FG_Text_descColor);
    font-size: var(--weuiDesktop_descFontSize)
}

.weui-desktop-audio-card__item_right {
    float: right;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 89px;
    height: 89px;
    padding: 20px 0 10px;
    text-align: center;
    background: var(--weuiDesktop_areaBgColor)
}

    .weui-desktop-audio-card__item_right .weui-desktop-vm, .weui-desktop-audio-card__item_right .weui-desktop-audio-card__tips {
        width: 100%;
        text-align: center
    }

    .weui-desktop-audio-card__item_right .weui-desktop-vm {
        width: 32px;
        height: 32px;
        display: block;
        margin: 0 auto
    }

    .weui-desktop-audio-card__item_right .weui-desktop-audio-card__tips {
        padding-top: 8px;
        font-size: var(--weuiDesktop_descFontSize);
        color: var(--weuiDesktop_FG_Text_descColor)
    }

    .weui-desktop-audio-card__item_right .weui-desktop-audio-player__switch {
        width: 32px;
        height: 32px;
        background-size: cover
    }

    .weui-desktop-audio-card__item_right .weui-desktop-vm_default.transcoding {
        opacity: 0.3
    }

.weui-desktop-appmsg {
    position: relative
}

    .weui-desktop-appmsg .weui-desktop-mask_msg {
        display: block
    }

    .weui-desktop-appmsg .weui-desktop-card__inner {
        padding: 0;
        border-radius: 3px;
        display: block;
        cursor: default
    }

    .weui-desktop-appmsg .weui-desktop-opr-btn_primary {
        display: none;
        width: 32px;
        height: 32px
    }

        .weui-desktop-appmsg .weui-desktop-opr-btn_primary svg {
            width: 14px
        }

    .weui-desktop-appmsg .weui-desktop-card__bd {
        position: relative
    }

        .weui-desktop-appmsg .weui-desktop-card__bd .card_audio_title {
            cursor: pointer
        }

            .weui-desktop-appmsg .weui-desktop-card__bd .card_audio_title:hover {
                text-decoration: underline
            }

    .weui-desktop-appmsg .weui-desktop-card__ft {
        padding-left: 16px;
        padding-right: 16px;
        padding-top: 20px;
        padding-bottom: 16px;
        position: relative
    }

    .weui-desktop-appmsg .card_audio_player {
        display: inline-block;
        vertical-align: middle;
        width: 48px;
        height: 48px;
        background-size: cover;
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60'%3E  %3Cg fill='none' fill-rule='evenodd'%3E    %3Cpath d='M0 0h60v60H0z'/%3E    %3Cpath fill='%2307C160' fill-rule='nonzero' d='M30 10c11.046 0 20 8.954 20 20s-8.954 20-20 20-20-8.954-20-20 8.954-20 20-20zm0 2.5c-9.665 0-17.5 7.835-17.5 17.5S20.335 47.5 30 47.5 47.5 39.665 47.5 30 39.665 12.5 30 12.5zm2.49 7.93a13.515 13.515 0 0 1 3.956 9.575c0 3.583-1.389 6.842-3.656 9.264l-1.514-1.513a11.454 11.454 0 0 0 2.991-7.751c0-3.153-1.257-6.006-3.287-8.064l1.51-1.51zm-3.592 3.592a7.853 7.853 0 0 1 2.754 5.983 7.85 7.85 0 0 1-2.433 5.693l-1.544-1.543a5.67 5.67 0 0 0 1.798-4.15 5.673 5.673 0 0 0-2.124-4.433l1.55-1.55zm-3.543 3.544a2.837 2.837 0 0 1 1.067 2.22c0 .855-.376 1.622-.973 2.142L23.22 29.7l2.135-2.134z'/%3E  %3C/g%3E%3C/svg%3E")
    }

    .weui-desktop-appmsg .sub_card_media .card_audio_player {
        background-color: transparent;
        background-size: cover
    }

    .weui-desktop-appmsg.weui-desktop-card .weui-desktop-card__bd {
        border: 2px solid transparent
    }

        .weui-desktop-appmsg.weui-desktop-card .weui-desktop-card__bd:hover .weui-desktop-appmsg__opr {
            opacity: 1;
            visibility: visible
        }

.weui-desktop-appmsg__cover-item {
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    position: relative
}

    .weui-desktop-appmsg__cover-item:not(:last-child) .weui-desktop-appmsg__cover__title__wrp {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0
    }

    .weui-desktop-appmsg__cover-item:not(:last-child) .weui-desktop-appmsg__cover__title {
        color: #353535;
        font-size: 16px;
        font-family: PingFang SC;
        margin: 15px;
        padding: 0
    }

        .weui-desktop-appmsg__cover-item:not(:last-child) .weui-desktop-appmsg__cover__title:hover::after {
            background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E  %3Cdefs%3E    %3Cfilter id='5982a519-fef9-4c61-b746-be355a6ce3f3-a'%3E      %3CfeColorMatrix in='SourceGraphic' values='0 0 0 0 1.000000 0 0 0 0 1.000000 0 0 0 0 1.000000 0 0 0 1.000000 0'/%3E    %3C/filter%3E  %3C/defs%3E  %3Cg fill='%23FFF' fill-rule='evenodd' filter='url(%235982a519-fef9-4c61-b746-be355a6ce3f3-a)' transform='translate(-132 -108)'%3E    %3Cpath fill='%23DDDDDF' d='M142 111.333c4.032 0 6.88 2.863 8.333 6.667-1.415 3.89-4.302 6.667-8.333 6.667-4.031 0-7.066-2.777-8.333-6.667 1.377-3.804 4.301-6.667 8.333-6.667zm0 1.667c-2.806 0-5.134 1.793-6.463 4.81l-.093.215.074.187c1.187 2.906 3.477 4.692 6.256 4.784L142 123c2.829 0 5.116-1.746 6.46-4.801l.078-.186-.083-.188c-1.357-2.978-3.55-4.729-6.23-4.821L142 113zm0 1.667a3.333 3.333 0 1 1 0 6.666 3.333 3.333 0 0 1 0-6.666zm0 1.666a1.667 1.667 0 1 0 0 3.334 1.667 1.667 0 0 0 0-3.334z'/%3E  %3C/g%3E%3C/svg%3E")
        }

    .weui-desktop-appmsg__cover-item .weui-desktop-appmsg__cover__thumb {
        margin-top: 0
    }

    .weui-desktop-appmsg__cover-item.weui-desktop-appmsg__cover_thumb {
        position: relative
    }

        .weui-desktop-appmsg__cover-item.weui-desktop-appmsg__cover_thumb .weui-desktop-appmsg__cover__title__wrp {
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0
        }

        .weui-desktop-appmsg__cover-item.weui-desktop-appmsg__cover_thumb .weui-desktop-appmsg__cover__title {
            color: var(--weuiDesktop_FG_Text_lightColor);
            margin: 15px;
            padding: 0
        }

            .weui-desktop-appmsg__cover-item.weui-desktop-appmsg__cover_thumb .weui-desktop-appmsg__cover__title:hover::after {
                background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E  %3Cdefs%3E    %3Cfilter id='5982a519-fef9-4c61-b746-be355a6ce3f3-a'%3E      %3CfeColorMatrix in='SourceGraphic' values='0 0 0 0 1.000000 0 0 0 0 1.000000 0 0 0 0 1.000000 0 0 0 1.000000 0'/%3E    %3C/filter%3E  %3C/defs%3E  %3Cg fill='%23FFF' fill-rule='evenodd' filter='url(%235982a519-fef9-4c61-b746-be355a6ce3f3-a)' transform='translate(-132 -108)'%3E    %3Cpath fill='%23DDDDDF' d='M142 111.333c4.032 0 6.88 2.863 8.333 6.667-1.415 3.89-4.302 6.667-8.333 6.667-4.031 0-7.066-2.777-8.333-6.667 1.377-3.804 4.301-6.667 8.333-6.667zm0 1.667c-2.806 0-5.134 1.793-6.463 4.81l-.093.215.074.187c1.187 2.906 3.477 4.692 6.256 4.784L142 123c2.829 0 5.116-1.746 6.46-4.801l.078-.186-.083-.188c-1.357-2.978-3.55-4.729-6.23-4.821L142 113zm0 1.667a3.333 3.333 0 1 1 0 6.666 3.333 3.333 0 0 1 0-6.666zm0 1.666a1.667 1.667 0 1 0 0 3.334 1.667 1.667 0 0 0 0-3.334z'/%3E  %3C/g%3E%3C/svg%3E")
            }

    .weui-desktop-appmsg__cover-item:hover .weui-desktop-card__preview {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

.weui-desktop-appmsg__cover__title {
    font-size: var(--weuiDesktop_H3FontSize);
    font-weight: 400;
    display: block;
    line-height: 1.2;
    padding: 15px 15px 0;
    color: var(--weuiDesktop_FG_Text_globalColor);
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

    .weui-desktop-appmsg__cover__title:hover {
        text-decoration: underline
    }

.weui-desktop-appmsg__cover__title__wrp:first-child .weui-desktop-appmsg__cover__title {
    margin: 15px;
    padding: 0
}

.weui-desktop-appmsg__cover__title_text:first-child {
    height: 144px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .weui-desktop-appmsg__cover__title_text:first-child .weui-desktop-appmsg__cover__title {
        display: block;
        text-align: left;
        overflow: hidden;
        word-wrap: break-word;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        padding: 0 15px
    }

.weui-desktop-appmsg__cover__thumb {
    width: 100%;
    height: auto;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-color: var(--weuiDesktop_separateColor);
    padding-bottom: 42.6035503%;
    display: block;
    margin-top: 20px;
    border-radius: 3px 3px 0 0;
    overflow: hidden
}

.weui-desktop-appmsg__cover__desc {
    padding: 15px;
    color: var(--weuiDesktop_FG_Text_descColor)
}

.weui-desktop-appmsg__item:after {
    content: "\200b";
    display: block;
    height: 0;
    clear: both
}

.weui-desktop-appmsg__item:hover .weui-desktop-card__preview {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.weui-desktop-appmsg__item {
    padding: 16px;
    position: relative
}

    .weui-desktop-appmsg__item:before {
        content: " ";
        position: absolute;
        top: 0;
        left: 15px;
        right: 82px;
        border-top: 1px solid var(--weuiDesktop_separateColor)
    }

.weui-desktop-appmsg__thumb {
    display: block;
    width: 64px;
    height: 64px;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-color: var(--weuiDesktop_globalBgColor)
}

.weui-desktop-appmsg__title {
    font-weight: 400;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    color: var(--weuiDesktop_FG_Text_globalColor);
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3
}

    .weui-desktop-appmsg__title:hover {
        text-decoration: underline
    }

.weui-desktop-appmsg__opr {
    float: right;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s
}

.weui-desktop-appmsg__tips {
    color: var(--weuiDesktop_FG_Text_descColor)
}

.weui-desktop-dialog .weui-desktop-appmsg .weui-desktop-mask_preview {
    display: none
}

.weui-desktop-dialog .weui-desktop-appmsg.selected .weui-desktop-mask_status, .weui-desktop-dialog .weui-desktop-appmsg:hover .weui-desktop-mask_status {
    display: block
}

.weui-desktop-appmsg__cover__title em, .weui-desktop-appmsg__title em {
    color: var(--weuiDesktop_themeColor);
    font-style: normal
}

.weui-desktop-card__ft-alert {
    position: absolute;
    right: 15px;
    bottom: 24px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--weuiDesktop_FG_Text_descColor)
}

    .weui-desktop-card__ft-alert i {
        margin-right: 5px
    }

.weui-desktop-appmsg__cover-item_video .weui-desktop-appmsg__cover__thumb {
    padding-bottom: 56.21301775%
}

.weui-desktop-appmsg__video-notice {
    position: absolute;
    text-align: center;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: rgba(0,0,0,0.3);
    color: var(--weuiDesktop_FG_Text_lightColor);
    border-radius: 3px
}

    .weui-desktop-appmsg__video-notice::before {
        content: "";
        display: inline-block;
        width: 24px;
        height: 24px;
        vertical-align: middle;
        background-size: cover;
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='38' height='38' viewBox='0 0 38 38'%3E  %3Cg fill='none' fill-rule='evenodd'%3E    %3Ccircle cx='19' cy='19' r='19' fill='%23FFF' opacity='.9'/%3E    %3Cpath fill='%23000' fill-opacity='.9' d='M16.024 11.938l10.092 6.21a1 1 0 0 1 0 1.704l-10.092 6.21a1 1 0 0 1-1.524-.852V12.79a1 1 0 0 1 1.524-.852z'/%3E  %3C/g%3E%3C/svg%3E")
    }

.weui-desktop-appmsg__cover-item_pic .weui-desktop-appmsg__cover__thumb {
    padding-bottom: 56.21301775%
}

.weui-desktop-appmsg__cover__thumb-wrp {
    position: relative
}

    .weui-desktop-appmsg__cover__thumb-wrp .weui-desktop-appmsg__img-notice-content {
        right: 20px;
        bottom: 10px
    }

    .weui-desktop-appmsg__cover__thumb-wrp .weui-desktop-appmsg__video-notice::before {
        width: 38px;
        height: 38px;
        margin-bottom: 8px
    }

    .weui-desktop-appmsg__cover__thumb-wrp:hover .weui-desktop-appmsg__img-preview {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

.weui-desktop-appmsg__cover_thumb {
    position: relative
}

.weui-desktop-appmsg__img-notice {
    position: absolute;
    width: 100%;
    height: 44px;
    bottom: 0;
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,0.3)));
    background: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.3));
    color: var(--weuiDesktop_FG_Text_lightColor);
    line-height: 22px
}

    .weui-desktop-appmsg__img-notice .weui-desktop-appmsg__cover__title__wrp {
        color: white
    }

    .weui-desktop-appmsg__img-notice .weui-desktop-appmsg__img-preview {
        display: none;
        position: absolute;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        left: 16px;
        cursor: pointer;
        bottom: 10px
    }

        .weui-desktop-appmsg__img-notice .weui-desktop-appmsg__img-preview::before {
            content: "";
            display: inline-block;
            vertical-align: middle;
            width: 20px;
            height: 20px;
            background-size: cover;
            background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E  %3Cdefs%3E    %3Cfilter id='3f12ee49-0c28-4b63-a798-20a797411da5-a'%3E      %3CfeColorMatrix in='SourceGraphic' values='0 0 0 0 1.000000 0 0 0 0 1.000000 0 0 0 0 1.000000 0 0 0 1.000000 0'/%3E    %3C/filter%3E  %3C/defs%3E  %3Cg fill='%23FFF' fill-rule='evenodd' filter='url(%233f12ee49-0c28-4b63-a798-20a797411da5-a)'%3E    %3Cpath fill='%23DDDDDF' d='M10 3.333c4.032 0 6.88 2.863 8.333 6.667-1.415 3.89-4.302 6.667-8.333 6.667-4.031 0-7.066-2.777-8.333-6.667C3.044 6.196 5.968 3.333 10 3.333zM10 5C7.194 5 4.866 6.793 3.537 9.81l-.093.215.074.187c1.187 2.906 3.477 4.692 6.256 4.784L10 15c2.829 0 5.116-1.746 6.46-4.801l.078-.186-.083-.188c-1.357-2.978-3.55-4.729-6.23-4.821L10 5zm0 1.667a3.333 3.333 0 1 1 0 6.666 3.333 3.333 0 0 1 0-6.666zm0 1.666a1.667 1.667 0 1 0 0 3.334 1.667 1.667 0 0 0 0-3.334z'/%3E  %3C/g%3E%3C/svg%3E");
            margin-right: 4px
        }

.weui-desktop-appmsg__img-notice-content {
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.weui-desktop-appmsg__icon-pic {
    display: inline-block;
    vertical-align: middle;
    width: 18px;
    height: 14px;
    background-size: cover;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='14' viewBox='0 0 18 14'%3E  %3Cpath fill='%23FFF' fill-rule='evenodd' d='M17.107 0c.483 0 .893.421.893.94v12.12c0 .521-.4.94-.893.94H.893C.41 14 0 13.579 0 13.06V.94C0 .42.4 0 .893 0h16.214zM6.182 6.45L1.2 10.553V12.8h15.6v-1.874l-.014.01-3.175-2.861-1.834 1.72 1.09.974h-1.649L6.182 6.45zM16.8 1.2H1.2v7.74l4.27-3.511c.408-.336 1.063-.32 1.457.032l3.95 3.53 2.013-1.742a1.119 1.119 0 0 1 1.453.016L16.8 9.537V1.2z'/%3E%3C/svg%3E")
}

.weui-desktop-appmsg__pic-num {
    margin-left: 5px
}

.weui-desktop-appmsg__thumb-wrp {
    position: relative;
    overflow: hidden;
    float: right;
    width: 64px;
    height: 64px;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    margin-left: 12px
}

    .weui-desktop-appmsg__thumb-wrp .weui-desktop-appmsg__img-notice-content {
        right: 5px;
        bottom: 5px
    }

.card_audio_length {
    color: var(--weuiDesktop_FG_Text_descColor)
}

.weui-desktop-appmsg__cover-item .card_audio_inner {
    padding: 20px 15px 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

    .weui-desktop-appmsg__cover-item .card_audio_inner .weui-desktop-vm_default, .weui-desktop-appmsg__cover-item .card_audio_inner .weui-desktop-vm_primary {
        vertical-align: top
    }

.weui-desktop-appmsg__cover-item .card_audio .weui-desktop-appmsg__cover__desc {
    padding: 10px 15px;
    margin-top: -10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.weui-desktop-appmsg__cover-item .card_audio_length {
    margin-top: 10px;
    line-height: 20px
}

.weui-desktop-appmsg__cover-item .card_audio_hd {
    margin-bottom: 12px
}

.weui-desktop-card__preview {
    position: absolute;
    color: var(--weuiDesktop_descColor);
    right: 15px;
    top: 15px;
    background-color: var(--weuiDesktop_cardBgColor);
    -webkit-box-shadow: 0 1px 7px rgba(227,226,226,0.7);
    box-shadow: 0 1px 7px rgba(227,226,226,0.7);
    padding: 0 10px;
    height: 30px;
    line-height: 30px;
    border-radius: 15px;
    display: none;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

    .weui-desktop-card__preview::before {
        content: "";
        display: inline-block;
        vertical-align: middle;
        width: 20px;
        height: 20px;
        background-size: cover;
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E  %3Cpath fill='%234A4A51' fill-rule='evenodd' d='M10 14.833c3.362 0 6.405-1.875 8.04-4.833-1.635-2.958-4.678-4.833-8.04-4.833-3.362 0-6.405 1.875-8.04 4.833 1.635 2.958 4.678 4.833 8.04 4.833zm0-10.666c4.006 0 7.477 2.373 9.167 5.833-1.69 3.46-5.16 5.833-9.167 5.833-4.006 0-7.477-2.373-9.167-5.833C2.523 6.54 5.993 4.167 10 4.167zm0 8.166a2.333 2.333 0 1 0 0-4.666 2.333 2.333 0 0 0 0 4.666zm0 1a3.333 3.333 0 1 1 0-6.666 3.333 3.333 0 0 1 0 6.666z'/%3E%3C/svg%3E");
        margin-right: 5px
    }

    .weui-desktop-card__preview:hover::after {
        content: "";
        display: block;
        border-radius: 15px;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.1);
        position: absolute;
        left: 0;
        right: 0
    }

.appmsg-list .weui-desktop-simple-appmsg .weui-desktop-simple-appmsg__thumb {
    width: 188px;
    padding-bottom: 80px
}

.appmsg-list .weui-desktop-link-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.weui-desktop-video-appmsg .weui-desktop-simple-appmsg__thumb {
    width: 188px;
    padding-bottom: 105px;
    position: relative;
    font-style: normal;
    color: var(--weuiDesktop_FG_Text_lightColor)
}

    .weui-desktop-video-appmsg .weui-desktop-simple-appmsg__thumb span {
        width: 100%;
        position: absolute;
        top: 24px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

        .weui-desktop-video-appmsg .weui-desktop-simple-appmsg__thumb span::before {
            content: "";
            display: block;
            margin-bottom: 4px;
            vertical-align: middle;
            width: 44px;
            height: 44px;
            background-size: cover;
            background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44' viewBox='0 0 44 44'%3E  %3Cg fill='none' fill-rule='evenodd'%3E    %3Ccircle cx='22' cy='22' r='22' fill='%23FFF' fill-opacity='.9'/%3E    %3Cpath fill='%23000' d='M19.277 14.232l11.1 6.831a1.1 1.1 0 0 1 0 1.874l-11.1 6.831a1.1 1.1 0 0 1-1.677-.937V15.17a1.1 1.1 0 0 1 1.677-.937z'/%3E  %3C/g%3E%3C/svg%3E")
        }

.weui-desktop-image-appmsg .weui-desktop-simple-appmsg__thumb {
    width: 188px;
    padding-bottom: 105px;
    position: relative;
    font-style: normal;
    color: var(--weuiDesktop_FG_Text_lightColor)
}

    .weui-desktop-image-appmsg .weui-desktop-simple-appmsg__thumb::before {
        content: "";
        width: 100%;
        display: block;
        height: 44px;
        position: absolute;
        bottom: 0;
        background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,0.3)));
        background-image: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.3))
    }

    .weui-desktop-image-appmsg .weui-desktop-simple-appmsg__thumb::after {
        content: "";
        position: absolute;
        right: 10px;
        bottom: 10px;
        display: inline-block;
        vertical-align: middle;
        width: 18px;
        height: 14px;
        background-size: cover;
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='14' viewBox='0 0 18 14'%3E  %3Cpath fill='%23FFF' fill-rule='evenodd' d='M17.107 0c.483 0 .893.421.893.94v12.12c0 .521-.4.94-.893.94H.893C.41 14 0 13.579 0 13.06V.94C0 .42.4 0 .893 0h16.214zM6.182 6.45L1.2 10.553V12.8h15.6v-1.874l-.014.01-3.175-2.861-1.834 1.72 1.09.974h-1.649L6.182 6.45zM16.8 1.2H1.2v7.74l4.27-3.511c.408-.336 1.063-.32 1.457.032l3.95 3.53 2.013-1.742a1.119 1.119 0 0 1 1.453.016L16.8 9.537V1.2z'/%3E%3C/svg%3E")
    }

.weui-desktop-audio-appmsg .weui-desktop-simple-appmsg__thumb {
    width: 188px;
    height: 80px;
    padding: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-style: normal;
    color: var(--weuiDesktop_FG_Text_descColor)
}

    .weui-desktop-audio-appmsg .weui-desktop-simple-appmsg__thumb::before {
        content: "";
        display: inline-block;
        vertical-align: middle;
        width: 40px;
        height: 40px;
        background-size: cover;
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E  %3Cg fill='none' fill-rule='evenodd'%3E    %3Crect width='37.5' height='37.5' x='1.25' y='1.25' stroke='%231AAD19' stroke-width='2.5' rx='18.75'/%3E    %3Cpath fill='%231AAD19' d='M22.49 10.43a13.515 13.515 0 0 1 3.956 9.575c0 3.583-1.389 6.842-3.656 9.264l-1.514-1.513a11.454 11.454 0 0 0 2.991-7.751c0-3.153-1.257-6.006-3.287-8.064zm-3.592 3.592a7.853 7.853 0 0 1 2.754 5.983 7.85 7.85 0 0 1-2.433 5.693l-1.544-1.543a5.67 5.67 0 0 0 1.798-4.15 5.673 5.673 0 0 0-2.124-4.433zm-3.543 3.544a2.837 2.837 0 0 1 1.067 2.22c0 .855-.376 1.622-.973 2.142L13.22 19.7z'/%3E  %3C/g%3E%3C/svg%3E");
        margin-right: 10px
    }

.weui-desktop-text-appmsg {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 66px;
    line-height: 22px
}

    .weui-desktop-text-appmsg .weui-desktop-simple-appmsg__thumb {
        font-style: normal;
        width: auto;
        max-width: 630px;
        background-color: transparent;
        padding: 0;
        white-space: normal;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        word-wrap: break-word;
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto
    }

.weui-desktop-card__action {
    position: absolute;
    top: 15px;
    right: 0;
    padding: 0 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

    .weui-desktop-card__action .weui-desktop-link-group {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

        .weui-desktop-card__action .weui-desktop-link-group .weui-desktop-link {
            margin: 0 4px
        }

    .weui-desktop-card__action .weui-desktop-icon-btn svg {
        fill: #4C4D4E
    }

    .weui-desktop-card__action .weui-desktop-link {
        width: 36px;
        height: 36px;
        border-radius: 18px;
        -webkit-box-shadow: var(--weuiDesktop_highShadow);
        box-shadow: var(--weuiDesktop_highShadow);
        border: 1px solid var(--weuiDesktop_lineColor);
        position: relative;
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        background-color: var(--weuiDesktop_cardBgColor);
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

        .weui-desktop-card__action .weui-desktop-link svg {
            position: relative;
            left: 0;
            top: 0;
            -webkit-transform: none;
            transform: none
        }

        .weui-desktop-card__action .weui-desktop-link:hover:before, .weui-desktop-card__action .weui-desktop-link:active:before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            border-radius: 50%;
            background-color: var(--weuiDesktop_maskMiddleColor_hover)
        }

    .weui-desktop-card__action .weui-desktop-link_send-multi {
        width: 73px;
        font-size: var(--weuiDesktop_globalFontSize);
        padding-left: 10px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-pack: start;
        -webkit-justify-content: start;
        -ms-flex-pack: start;
        justify-content: start;
        color: var(--weuiDesktop_focusColor)
    }

        .weui-desktop-card__action .weui-desktop-link_send-multi .space-left {
            display: inline-block;
            opacity: 1;
            margin-left: 2px
        }

        .weui-desktop-card__action .weui-desktop-link_send-multi.weui-desktop-link:hover:before, .weui-desktop-card__action .weui-desktop-link_send-multi.weui-desktop-link:active:before {
            border-radius: 15px
        }

    .weui-desktop-card__action .weui-desktop-link_disable svg, .weui-desktop-card__action .weui-desktop-link_disable g {
        fill: var(--weuiDesktop_focusColor);
        opacity: 0.5
    }

    .weui-desktop-card__action .weui-desktop-link_disable:hover:before, .weui-desktop-card__action .weui-desktop-link_disable:active:before {
        display: none
    }

    .weui-desktop-card__action .weui-desktop-link_disable .space-left {
        opacity: 0.3
    }

.weui-desktop-appmsg__complete-notice {
    float: right
}

.weui-desktop-popover__wrp .icon-svg-helper-tips_warn {
    margin-right: 4px;
    vertical-align: -2px
}

.publish_card_container .disabled {
    opacity: 0.3
}

#weui-desktop-timeline {
    font-size: 7px;
    text-align: left
}

    #weui-desktop-timeline .sub_card_media .weui-desktop-publish__video-notice::before {
        width: 20px;
        height: 20px
    }

    #weui-desktop-timeline .sub_card_media.audio_container {
        padding: 12px 8px
    }

    #weui-desktop-timeline .card_audio_player {
        width: 48px;
        height: 48px;
        background: transparent url() no-repeat 50% 50%;
        background-size: 24px
    }

    #weui-desktop-timeline .weui-desktop-publish__cover__title_text:first-child {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-flow: column;
        -ms-flex-flow: column;
        flex-flow: column
    }

    #weui-desktop-timeline .weui-desktop_unfold {
        position: relative;
        width: 100%;
        color: var(--weuiDesktop_linkColor)
    }

    #weui-desktop-timeline .live_content_container {
        font-size: 12px;
        height: 128px
    }

        #weui-desktop-timeline .live_content_container .on_live_cover {
            width: 78px;
            height: 104px;
            -webkit-flex-basis: 78px;
            -ms-flex-preferred-size: 78px;
            flex-basis: 78px;
            margin: 4px
        }

        #weui-desktop-timeline .live_content_container .content_container {
            padding: 8px
        }

        #weui-desktop-timeline .live_content_container .content_background .on_live_icon img {
            width: 80%;
            height: 80%
        }

        #weui-desktop-timeline .live_content_container .on_live_title {
            margin-top: 8px;
            font-size: 14px
        }

        #weui-desktop-timeline .live_content_container .on_live_category {
            margin-top: 0;
            font-size: 12px
        }

    #weui-desktop-timeline .weui-desktop-publish__cover__title_text:first-child {
        min-height: 94px;
        height: auto
    }

        #weui-desktop-timeline .weui-desktop-publish__cover__title_text:first-child .weui-desktop-publish__cover__title {
            margin: 15px 16px;
            padding: 0
        }

    #weui-desktop-timeline .weui-desktop-publish__cover__title__wrp:first-child .weui-desktop-publish__cover__title {
        margin: 6px 8px;
        padding: 0;
        font-size: 12px;
        font-weight: 500;
        color: #FFFFFF;
        line-height: 16px
    }

    #weui-desktop-timeline .weui-desktop-publish__thumb-wrp {
        width: 37px;
        height: 37px
    }

    #weui-desktop-timeline .weui-desktop-publish__thumb {
        width: 37px;
        height: 37px;
        border-radius: 2px
    }

    #weui-desktop-timeline .weui-desktop-publish__item {
        padding: 12px 8px;
        position: relative;
        line-height: 30px
    }

    #weui-desktop-timeline .appmsg_publish_signal .weui-desktop-publish__cover__title {
        font-size: 12px;
        line-height: 18px
    }

    #weui-desktop-timeline .weui-desktop-publish__cover__thumb-wrp {
        margin-bottom: 0px
    }

    #weui-desktop-timeline .weui-desktop-publish__img-notice {
        height: auto
    }

    #weui-desktop-timeline .weui-desktop-card__ft {
        display: none
    }

    #weui-desktop-timeline .weui-desktop-publish__img-preview {
        left: 8px;
        bottom: 6px;
        font-weight: 500;
        word-wrap: break-word;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        width: 190px;
        line-height: 16px
    }

    #weui-desktop-timeline i.weui-desktop-publish__cover__thumb {
        border-radius: 2px 2px 0 0
    }

    #weui-desktop-timeline .sub_card_media .weui-desktop-publish__img-notice-content {
        right: 2px;
        bottom: 1px
    }

    #weui-desktop-timeline .weui-desktop-publish__img-notice-content {
        right: 9px;
        bottom: 6px;
        height: 16px
    }

    #weui-desktop-timeline .weui-desktop-publish__icon-pic {
        width: 13px;
        height: 10px
    }

    #weui-desktop-timeline .weui-desktop-publish_more {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        border-top: 0.5px solid var(--weuiDesktop_separateColor);
        margin: 0 8px;
        padding: 8px 0
    }

    #weui-desktop-timeline .weui-desktop-publish__title {
        line-height: 15px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    #weui-desktop-timeline .weui-desktop-publish__title_container {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        height: 37px;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    #weui-desktop-timeline .sub_card_media::before {
        left: 8px;
        right: 8px;
        border-top: 0.5px solid var(--weuiDesktop_separateColor)
    }

    #weui-desktop-timeline .sub_card_second::before {
        content: " ";
        border-top: 0px solid var(--weuiDesktop_separateColor)
    }

    #weui-desktop-timeline .weui-desktop-card__inner {
        border-radius: 0 0 6px 6px;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    #weui-desktop-timeline .weui-desktop-publish_more_num {
        color: var(--weuiDesktop_linkColor)
    }

    #weui-desktop-timeline .appmsg_publish_mulitem .card_audio_inner {
        padding: 15px 8px;
        line-height: 30px
    }

.weui-desktop-publish {
    position: relative
}

div.weui-desktop-card.weui-desktop-publish {
    position: relative;
    width: 100%;
    min-width: 296px
}

div.weui-desktop-card.weui-desktop-timeline {
    padding: 0;
    min-width: 0
}

div.weui-desktop-card.weui-desktop-publish {
    min-width: 0
}

.weui-desktop-publish div.weui-desktop-card__inner {
    border-radius: 8px;
    padding: 0px
}

.weui-desktop-publish__title em {
    color: var(--weuiDesktop_themeColor);
    font-style: normal
}

.weui-desktop-publish__cover__title em {
    color: var(--weuiDesktop_themeColor);
    font-style: normal
}

.weui-desktop-publish .weui-desktop-card__ft {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 0;
    padding-bottom: 16px
}

div.weui-desktop-publish__cover-item, div.weui-desktop-publish__cover_thumb {
    padding: 0px !important
}

.weui-desktop-publish__cover-item {
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    position: relative
}

    .weui-desktop-publish__cover-item .weui-desktop-publish__cover__thumb {
        margin-top: 0
    }

i.weui-desktop-publish__cover__thumb {
    background-color: #E3E4E5;
    border-radius: 8px 8px 0px 0px
}

.weui-desktop-publish__cover__thumb {
    width: 100%;
    height: auto;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    padding-bottom: 56.25%;
    display: block;
    overflow: hidden
}

.appmsg_publish_signal .weui-desktop-publish__cover__title__wrp {
    position: inherit;
    display: block
}

.weui-desktop-publish__cover-item:not(:last-child) .weui-desktop-publish__cover__title__wrp {
    left: 0;
    right: 0;
    bottom: 0;
    background-color: transparent;
    position: relative
}

.weui-desktop-publish__cover-item:not(:last-child).weui-desktop-publish__cover_thumb {
    position: relative
}

.appmsg_publish_signal .weui-desktop-publish__cover__desc {
    padding: 0px 15px;
    margin-bottom: 16px;
    color: var(--weuiDesktop_FG_Text_descColor);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.weui-desktop-publish__cover-item .weui-desktop-publish__cover__title {
    color: #353535;
    font-size: 16px;
    font-family: PingFang SC;
    margin: 16px 8px 8px 15px;
    padding: 0;
    line-height: 1.2
}

.weui-desktop-publish__cover__title {
    font-weight: 400;
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.weui-desktop-publish__cover__title__wrp:first-child .weui-desktop-publish__cover__title {
    margin: 15px;
    margin-bottom: 10px;
    padding: 0;
    color: #fff
}

.weui-desktop-publish__cover__title_text:first-child .weui-desktop-publish__cover__title {
    text-align: left;
    overflow: hidden;
    word-wrap: break-word;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    padding: 0 15px
}

.container {
    position: relative
}

.weui-desktop-publish__opr {
    float: right;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s
}

.weui-desktop-publish__item {
    padding: 16px;
    position: relative
}

    .weui-desktop-publish__item.sub_card_media::before {
        content: " ";
        position: absolute;
        top: 0;
        left: 15px;
        right: 15px;
        border-top: 0.5px solid var(--weuiDesktop_separateColor)
    }

    .weui-desktop-publish__item.sub_card_media::after {
        content: "\200b";
        display: block;
        height: 0;
        clear: both
    }

    .weui-desktop-publish__item.sub_card_second::before {
        content: " ";
        border-top: 0px solid var(--weuiDesktop_separateColor)
    }

.weui-desktop-publish__thumb-wrp {
    position: relative;
    overflow: hidden;
    float: right;
    width: 64px;
    height: 64px;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    margin-left: 16px
}

.weui-desktop-publish__thumb {
    display: block;
    float: right;
    margin-left: 12px;
    width: 64px;
    height: 64px;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-color: var(--weuiDesktop_globalBgColor)
}

.weui-desktop-publish__title__container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 64px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.weui-desktop-publish__title {
    font-weight: 400;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    color: var(--weuiDesktop_FG_Text_globalColor);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.can-not-selected-bar {
    width: 306px;
    height: 40px;
    background: #F6F7F8;
    color: #1A1B1C;
    font-size: 14px;
    display: none;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: -2px;
    border-radius: 10px 10px 0 0;
    position: absolute;
    top: 0px
}

.publish_card_container {
    position: relative
}

    .publish_card_container:hover .can-not-selected-bar {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

.can-not-selected-border {
    border-radius: 0px !important
}

.weui-desktop-publish__cover__thumb-wrp {
    position: relative
}

.weui-desktop-publish__video-notice {
    position: absolute;
    text-align: center;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: rgba(0,0,0,0.3);
    color: var(--weuiDesktop_FG_Text_lightColor);
    border-radius: 3px
}

    .weui-desktop-publish__video-notice::before {
        content: "";
        display: inline-block;
        width: 24px;
        height: 24px;
        vertical-align: middle;
        background-size: cover;
        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='64px' height='64px' viewBox='0 0 64 64' version='1.1'%3e%3ctitle%3ePlayBtn\5907\4efd  6%3c/title%3e%3cg id='MP' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3e%3cg id='\7f16\8f91\5668_\6dfb\52a0\89c6\9891\53f7\5361\7247\5907\4efd' transform='translate(-904.000000, -723.000000)'%3e%3cg id='PlayBtn_ExtraLarge' transform='translate(904.000000, 723.000000)'%3e%3ccircle id='\692d\5706\5f62' fill-opacity='0.15' fill='%23000000' cx='32' cy='32' r='32'/%3e%3cpath d='M32,0 C49.673112,0 64,14.326888 64,32 C64,49.673112 49.673112,64 32,64 C14.326888,64 0,49.673112 0,32 C0,14.326888 14.326888,0 32,0 Z M32,1.12 C14.9454469,1.12 1.12,14.9454469 1.12,32 C1.12,49.0545531 14.9454469,62.88 32,62.88 C49.0545531,62.88 62.88,49.0545531 62.88,32 C62.88,14.9454469 49.0545531,1.12 32,1.12 Z M25.6,20.3570875 C25.8784431,20.3570875 26.152066,20.429752 26.3938223,20.5678985 L43.9689192,30.610811 C44.7361471,31.0492269 45.0027019,32.0265944 44.5642859,32.7938223 C44.422543,33.0418723 44.2169692,33.2474461 43.9689192,33.389189 L26.3938223,43.4321015 C25.6265944,43.8705175 24.6492269,43.6039627 24.210811,42.8367348 C24.0726645,42.5949785 24,42.3213556 24,42.0429125 L24,21.9570875 C24,21.0734319 24.7163444,20.3570875 25.6,20.3570875 Z' id='\5f62\72b6\7ed3\5408' fill='%23FFFFFF' fill-rule='nonzero'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e")
    }

.video_icon .weui-desktop-icon__videoPlay {
    color: #fff;
    width: 27px;
    height: 27px
}

i.weui-desktop-publish__cover__thumb {
    background-color: #E3E4E5;
    border-radius: 8px 8px 0px 0px;
    width: 100%;
    height: auto;
    padding-bottom: 56.25%;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    display: block;
    overflow: hidden
}

    i.weui-desktop-publish__cover__thumb.is_235_1_cover__thumb {
        padding-bottom: 42.55319149%
    }

.weui-desktop-publish__cover__thumb-wrp .three_splice, .weui-desktop-publish__cover__thumb-wrp .service_three_splice, .weui-desktop-publish__cover__thumb-wrp .service_two_splice {
    position: relative;
    background-color: #E3E4E5;
    border-radius: 8px 8px 0px 0px;
    width: 100%;
    height: auto;
    display: block;
    overflow: hidden
}

    .weui-desktop-publish__cover__thumb-wrp .three_splice .splice_cover_item, .weui-desktop-publish__cover__thumb-wrp .service_three_splice .splice_cover_item, .weui-desktop-publish__cover__thumb-wrp .service_two_splice .splice_cover_item {
        position: absolute;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat
    }

.weui-desktop-publish__cover__thumb-wrp .three_splice {
    padding-bottom: 42.6%
}

    .weui-desktop-publish__cover__thumb-wrp .three_splice .splice_cover_item:nth-child(1) {
        height: 100%;
        width: calc((100% - 4px) / 3);
        top: 0;
        left: 0
    }

    .weui-desktop-publish__cover__thumb-wrp .three_splice .splice_cover_item:nth-child(2) {
        height: 100%;
        width: calc((100% - 4px) / 3);
        top: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .weui-desktop-publish__cover__thumb-wrp .three_splice .splice_cover_item:nth-child(3) {
        height: 100%;
        width: calc((100% - 4px) / 3);
        top: 0;
        right: 0
    }

.weui-desktop-publish__cover__thumb-wrp .service_three_splice {
    padding-bottom: 65.5%
}

    .weui-desktop-publish__cover__thumb-wrp .service_three_splice .splice_cover_item:nth-child(1) {
        height: 100%;
        width: calc((100% - 2px) / 2);
        top: 0;
        left: 0
    }

    .weui-desktop-publish__cover__thumb-wrp .service_three_splice .splice_cover_item:nth-child(2) {
        height: calc((100% - 2px) / 2);
        width: calc((100% - 2px) / 2);
        top: 0;
        right: 0
    }

    .weui-desktop-publish__cover__thumb-wrp .service_three_splice .splice_cover_item:nth-child(3) {
        height: calc((100% - 2px) / 2);
        width: calc((100% - 2px) / 2);
        right: 0;
        bottom: 0
    }

.weui-desktop-publish__cover__thumb-wrp .service_two_splice {
    padding-bottom: 65.5%
}

    .weui-desktop-publish__cover__thumb-wrp .service_two_splice .splice_cover_item:nth-child(1) {
        height: 100%;
        width: calc((100% - 2px) / 2);
        top: 0;
        left: 0
    }

    .weui-desktop-publish__cover__thumb-wrp .service_two_splice .splice_cover_item:nth-child(2) {
        height: 100%;
        width: calc((100% - 2px) / 2);
        top: 0;
        right: 0
    }

.weui-desktop-publish__cover__title_text:first-child {
    height: 144px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.weui-desktop-publish__cover-item_appsmg .weui-desktop-publish__cover__thumb {
    padding-bottom: 42.55319149%
}

.appmsg_card_publish_failed i.weui-desktop-publish__cover__thumb {
    border-radius: 0px
}

.appmsg_card_publish_failed .weui-desktop-card div.weui-desktop-card__inner, .appmsg_card_publish_failed .weui-desktop-publish div.weui-desktop-card__inner {
    border-radius: 0px
}

.publish_failed {
    margin-bottom: 15px
}

    .publish_failed .icon-svg-helper-tips_warn {
        width: 20px;
        height: 20px;
        margin: 16px 8px 8px 16px
    }

    .publish_failed .failed_content {
        height: 20px;
        font-size: 14px;
        font-weight: 400;
        color: #1A1B1C;
        position: relative;
        bottom: 12px
    }

    .publish_failed .publish_time {
        line-height: 20px;
        margin-left: 16px;
        position: relative;
        bottom: 4px;
        font-weight: 400;
        color: #7E8081;
        font-size: 14
    }

    .publish_failed a {
        height: 20px
    }

.publish_enable_button:hover .preview_publish_panel {
    display: block
}

.group_sending:hover, .free_post:hover {
    background-color: var(--weuiDesktop_areaBgColor)
}

.preview_publish_panel {
    background-color: var(--weuiDesktop_cardBgColor);
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 6px 0 var(--weuiDesktop_separateColor);
    box-shadow: 0 1px 6px 0 var(--weuiDesktop_separateColor);
    text-align: center;
    padding: 0;
    position: absolute;
    top: 36px;
    right: 1px;
    width: 88px;
    display: none
}

    .preview_publish_panel a {
        display: block;
        text-align: left;
        font-size: 14px;
        font-weight: 400;
        color: #1A1B1C;
        height: 20px
    }

    .preview_publish_panel .group_sending {
        padding: 16px 16px 8px 16px;
        border-radius: 4px
    }

    .preview_publish_panel .only_group_sending {
        padding: 14px 16px 14px 16px
    }

    .preview_publish_panel .free_post {
        padding: 8px 16px 16px 16px;
        border-radius: 4px
    }

.weui-desktop-publish__transfered .weui-desktop-card__mask {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0.7;
    background-color: rgba(7,193,96,0.1);
    display: block
}

.weui-desktop-publish.weui-desktop-card .weui-desktop-card__bd {
    border: none
}

    .weui-desktop-publish.weui-desktop-card .weui-desktop-card__bd:hover .weui-desktop-publish__opr {
        opacity: 1;
        visibility: visible
    }

.weui-desktop-publish__cover-item {
    padding: 0 !important;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    position: relative
}

.weui-desktop-publish .card_audio_player {
    display: inline-block;
    vertical-align: middle;
    width: 45px;
    height: 45px;
    background-size: cover;
    background-color: white;
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2232%22 height=%2232%22 fill=%22none%22%3E%3Cpath fill=%22%23EDEDED%22 d=%22M16 0c8.837 0 16 7.163 16 16s-7.163 16-16 16S0 24.837 0 16 7.163 0 16 0Z%22/%3E%3Cpath fill=%22%23000%22 fill-opacity=%22.9%22 fill-rule=%22evenodd%22 d=%22M17.01 21.95A8.34 8.34 0 0 0 19.5 16a8.34 8.34 0 0 0-2.49-5.95L18.071 9A9.82 9.82 0 0 1 21 16a9.82 9.82 0 0 1-2.929 7l-1.06-1.05Zm-2.475-2.45A4.904 4.904 0 0 0 16 16a4.904 4.904 0 0 0-1.464-3.5l1.06-1.05A6.382 6.382 0 0 1 17.5 16a6.382 6.382 0 0 1-1.904 4.55l-1.06-1.05ZM14 16c0 .82-.336 1.563-.879 2.1L11 16l2.121-2.1c.543.537.879 1.28.879 2.1Z%22 clip-rule=%22evenodd%22/%3E%3C/svg%3E")
}

.appmsg_publish_signal .card_audio_inner, .weui-desktop-publish__cover-item .card_audio_inner {
    padding: 24px 16px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.sub_card_media:before {
    height: 0
}

.weui-desktop-publish__img-notice {
    position: absolute;
    width: 100%;
    height: 54px;
    bottom: 0;
    background: -webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(0,0,0,0.3)));
    background: linear-gradient(180deg,transparent,rgba(0,0,0,0.3));
    color: var(--weuiDesktop_FG_Text_lightColor);
    line-height: 22px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: end;
    -ms-flex-align: end;
    align-items: end
}

.weui-desktop-publish__img-preview {
    position: absolute;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    left: 16px;
    cursor: pointer;
    bottom: 10px
}

.weui-desktop-publish__cover__thumb-wrp .weui-desktop-publish__img-notice-content {
    right: 12px;
    bottom: 8px;
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.weui-desktop-publish__icon-pic {
    display: inline-block;
    vertical-align: middle;
    width: 18px;
    height: 14px;
    background-size: cover;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='14' viewBox='0 0 18 14'%3E  %3Cpath fill='%23FFF' fill-rule='evenodd' d='M17.107 0c.483 0 .893.421.893.94v12.12c0 .521-.4.94-.893.94H.893C.41 14 0 13.579 0 13.06V.94C0 .42.4 0 .893 0h16.214zM6.182 6.45L1.2 10.553V12.8h15.6v-1.874l-.014.01-3.175-2.861-1.834 1.72 1.09.974h-1.649L6.182 6.45zM16.8 1.2H1.2v7.74l4.27-3.511c.408-.336 1.063-.32 1.457.032l3.95 3.53 2.013-1.742a1.119 1.119 0 0 1 1.453.016L16.8 9.537V1.2z'/%3E%3C/svg%3E")
}

.weui-desktop-publish__cover__thumb-wrp {
    position: relative
}

.weui-desktop-publish__pic-num {
    margin-left: 3px
}

.weui-desktop-publish__thumb-wrp .weui-desktop-publish__img-notice-content {
    right: 5px;
    bottom: 5px;
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.weui-desktop-publish__cover-item_pic .weui-desktop-publish__cover__thumb-wrp {
    margin-bottom: 16px
}

.publish_failed .weui-desktop-tooltip {
    background-color: rgba(0,0,0,0.8);
    font-size: 14px
}

    .publish_failed .weui-desktop-tooltip::before {
        border-top-color: #000000
    }

.live_dialog_wrapper .live_content_container {
    position: relative;
    height: 170px;
    color: #fff;
    overflow: hidden
}

    .live_dialog_wrapper .live_content_container .blur_background {
        position: absolute;
        top: -25px;
        left: -25px;
        -webkit-filter: blur(20px) brightness(0.6);
        filter: blur(20px) brightness(0.6);
        height: 130%;
        width: 130%
    }

    .live_dialog_wrapper .live_content_container .content_container {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        padding: 20px
    }

    .live_dialog_wrapper .live_content_container .content_background {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding-right: 16px
    }

        .live_dialog_wrapper .live_content_container .content_background .on_live_icon, .live_dialog_wrapper .live_content_container .content_background .off_live_icon {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            width: 86px;
            height: 20px
        }

            .live_dialog_wrapper .live_content_container .content_background .on_live_icon .live_icon, .live_dialog_wrapper .live_content_container .content_background .off_live_icon .live_icon {
                width: 11px;
                height: 11px;
                margin-left: 5px;
                margin-right: 2px
            }

                .live_dialog_wrapper .live_content_container .content_background .on_live_icon .live_icon img, .live_dialog_wrapper .live_content_container .content_background .off_live_icon .live_icon img {
                    width: 100%;
                    height: 100%
                }

            .live_dialog_wrapper .live_content_container .content_background .on_live_icon .live_tips, .live_dialog_wrapper .live_content_container .content_background .off_live_icon .live_tips {
                font-size: 12px;
                color: #fff
            }

        .live_dialog_wrapper .live_content_container .content_background .on_live_icon {
            border-radius: 9px;
            width: 60px
        }

            .live_dialog_wrapper .live_content_container .content_background .on_live_icon img {
                width: 100%;
                height: 100%
            }

        .live_dialog_wrapper .live_content_container .content_background .on_live_title {
            margin-top: 12px;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            font-size: 12px;
            -webkit-line-clamp: 2;
            color: rgba(255,255,255,0.9);
            font-weight: 500
        }

        .live_dialog_wrapper .live_content_container .content_background .on_live_title_link {
            color: rgba(255,255,255,0.9);
            cursor: pointer
        }

        .live_dialog_wrapper .live_content_container .content_background .on_live_category {
            margin-top: 8px;
            font-size: 14px;
            color: rgba(255,255,255,0.55)
        }

    .live_dialog_wrapper .live_content_container .on_live_cover {
        width: 97.5px;
        -webkit-flex-basis: 97.5px;
        -ms-flex-preferred-size: 97.5px;
        flex-basis: 97.5px;
        height: 130px;
        background-size: cover;
        border-radius: 4px;
        overflow: hidden
    }

    .live_dialog_wrapper .live_content_container .pretime_send_bg {
        position: relative;
        height: 170px;
        background-color: #B1B2B3
    }

        .live_dialog_wrapper .live_content_container .pretime_send_bg .pretime_send_tips {
            position: absolute;
            top: 30%;
            left: 5%;
            font-size: 16px;
            font-weight: 500
        }

.weui-desktop-key-tag__offlive {
    height: 20px !important;
    margin: 1px 3px 0 2px !important;
    line-height: 20px !important
}

.weui-desktop-key-tag__onlive {
    height: 18px !important;
    margin-right: 3px !important;
    line-height: 23px !important
}

    .weui-desktop-key-tag__onlive img {
        height: 18px
    }

.menu-appmsg-invalid {
    position: absolute;
    background-color: rgba(247,247,247,0.95);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 8px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .menu-appmsg-invalid .menu-appmsg-invalid-text {
        opacity: 0.6
    }

.weui-desktop-timeline {
    min-width: none;
    padding: 0
}

.weui-desktop-card__bd .we-emoji__Smile {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/Expression/Expression_1@2x.png)
}

.weui-desktop-card__bd .we-emoji__Grimace {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/Expression/Expression_2@2x.png)
}

.weui-desktop-card__bd .we-emoji__Drool {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/Expression/Expression_3@2x.png)
}

.weui-desktop-card__bd .we-emoji__Scowl {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/Expression/Expression_4@2x.png)
}

.weui-desktop-card__bd .we-emoji__CoolGuy {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/Expression/Expression_5@2x.png)
}

.weui-desktop-card__bd .we-emoji__Sob {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/Expression/Expression_6@2x.png)
}

.weui-desktop-card__bd .we-emoji__Shy {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/Expression/Expression_7@2x.png)
}

.weui-desktop-card__bd .we-emoji__Silent {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/Expression/Expression_8@2x.png)
}

.weui-desktop-card__bd .we-emoji__Sleep {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/Expression/Expression_9@2x.png)
}

.weui-desktop-card__bd .we-emoji__Cry {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/Expression/Expression_10@2x.png)
}

.weui-desktop-card__bd .we-emoji__Awkward {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/Expression/Expression_11@2x.png)
}

.weui-desktop-card__bd .we-emoji__Angry {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/Expression/Expression_12@2x.png)
}

.weui-desktop-card__bd .we-emoji__Tongue {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/Expression/Expression_13@2x.png)
}

.weui-desktop-card__bd .we-emoji__Grin {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/Expression/Expression_14@2x.png)
}

.weui-desktop-card__bd .we-emoji__Surprise {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/Expression/Expression_15@2x.png)
}

.weui-desktop-card__bd .we-emoji__Frown {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/Expression/Expression_16@2x.png)
}

.weui-desktop-card__bd .we-emoji__Ruthless {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/Expression/Expression_17@2x.png)
}

.weui-desktop-card__bd .we-emoji__Blush {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/Expression/Expression_18@2x.png)
}

.weui-desktop-card__bd .we-emoji__Scream {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/Expression/Expression_19@2x.png)
}

.weui-desktop-card__bd .we-emoji__Puke {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/Expression/Expression_20@2x.png)
}

.weui-desktop-card__bd .we-emoji__Chuckle {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/Expression/Expression_21@2x.png)
}

.weui-desktop-card__bd .we-emoji__Joyful {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/Expression/Expression_22@2x.png)
}

.weui-desktop-card__bd .we-emoji__Slight {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/Expression/Expression_23@2x.png)
}

.weui-desktop-card__bd .we-emoji__Smug {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/Expression/Expression_24@2x.png)
}

.weui-desktop-card__bd .we-emoji__Hungry {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/Expression/Expression_25@2x.png)
}

.weui-desktop-card__bd .we-emoji__Drowsy {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/Expression/Expression_26@2x.png)
}

.weui-desktop-card__bd .we-emoji__Panic {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/Expression/Expression_27@2x.png)
}

.weui-desktop-card__bd .we-emoji__Sweat {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/Expression/Expression_28@2x.png)
}

.weui-desktop-card__bd .we-emoji__Laugh {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/Expression/Expression_29@2x.png)
}

.weui-desktop-card__bd .we-emoji__Commando {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/Expression/Expression_30@2x.png)
}

.weui-desktop-card__bd .we-emoji__Determined {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/Expression/Expression_31@2x.png)
}

.weui-desktop-card__bd .we-emoji__Scold {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/Expression/Expression_32@2x.png)
}

.weui-desktop-card__bd .we-emoji__Shocked {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/Expression/Expression_33@2x.png)
}

.weui-desktop-card__bd .we-emoji__Shhh {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/Expression/Expression_34@2x.png)
}

.weui-desktop-card__bd .we-emoji__Dizzy {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/Expression/Expression_35@2x.png)
}

.weui-desktop-card__bd .we-emoji__Tormented {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/Expression/Expression_36@2x.png)
}

.weui-desktop-card__bd .we-emoji__Toasted {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/Expression/Expression_37@2x.png)
}

.weui-desktop-card__bd .we-emoji__Skull {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/Expression/Expression_38@2x.png)
}

.weui-desktop-card__bd .we-emoji__Hammer {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/Expression/Expression_39@2x.png)
}

.weui-desktop-card__bd .we-emoji__Wave {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/Expression/Expression_40@2x.png)
}

.weui-desktop-card__bd .we-emoji__Speechless {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/Expression/Expression_41@2x.png)
}

.weui-desktop-card__bd .we-emoji__NosePick {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/Expression/Expression_42@2x.png)
}

.weui-desktop-card__bd .we-emoji__Clap {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/Expression/Expression_43@2x.png)
}

.weui-desktop-card__bd .we-emoji__Shame {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/Expression/Expression_44@2x.png)
}

.weui-desktop-card__bd .we-emoji__Trick {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/Expression/Expression_45@2x.png)
}

.weui-desktop-card__bd .we-emoji__BahL {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/Expression/Expression_46@2x.png)
}

.weui-desktop-card__bd .we-emoji__BahR {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/Expression/Expression_47@2x.png)
}

.weui-desktop-card__bd .we-emoji__Yawn {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/Expression/Expression_48@2x.png)
}

.weui-desktop-card__bd .we-emoji__Pooh-pooh {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/Expression/Expression_49@2x.png)
}

.weui-desktop-card__bd .we-emoji__Shrunken {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/Expression/Expression_50@2x.png)
}

.weui-desktop-card__bd .we-emoji__TearingUp {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/Expression/Expression_51@2x.png)
}

.weui-desktop-card__bd .we-emoji__Sly {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/Expression/Expression_52@2x.png)
}

.weui-desktop-card__bd .we-emoji__Kiss {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/Expression/Expression_53@2x.png)
}

.weui-desktop-card__bd .we-emoji__Wrath {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/Expression/Expression_54@2x.png)
}

.weui-desktop-card__bd .we-emoji__Whimper {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/Expression/Expression_55@2x.png)
}

.weui-desktop-card__bd .we-emoji__Cleaver {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/Expression/Expression_56@2x.png)
}

.weui-desktop-card__bd .we-emoji__Watermelon {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/Expression/Expression_57@2x.png)
}

.weui-desktop-card__bd .we-emoji__Beer {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/Expression/Expression_58@2x.png)
}

.weui-desktop-card__bd .we-emoji__Basketball {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/Expression/Expression_59@2x.png)
}

.weui-desktop-card__bd .we-emoji__PingPong {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/Expression/Expression_60@2x.png)
}

.weui-desktop-card__bd .we-emoji__Coffee {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/Expression/Expression_61@2x.png)
}

.weui-desktop-card__bd .we-emoji__Rice {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/Expression/Expression_62@2x.png)
}

.weui-desktop-card__bd .we-emoji__Pig {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/Expression/Expression_63@2x.png)
}

.weui-desktop-card__bd .we-emoji__Rose {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/Expression/Expression_64@2x.png)
}

.weui-desktop-card__bd .we-emoji__Wilt {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/Expression/Expression_65@2x.png)
}

.weui-desktop-card__bd .we-emoji__Lips {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/Expression/Expression_66@2x.png)
}

.weui-desktop-card__bd .we-emoji__Heart {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/Expression/Expression_67@2x.png)
}

.weui-desktop-card__bd .we-emoji__BrokenHeart {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/Expression/Expression_68@2x.png)
}

.weui-desktop-card__bd .we-emoji__Cake {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/Expression/Expression_69@2x.png)
}

.weui-desktop-card__bd .we-emoji__Lightning {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/Expression/Expression_70@2x.png)
}

.weui-desktop-card__bd .we-emoji__Bomb {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/Expression/Expression_71@2x.png)
}

.weui-desktop-card__bd .we-emoji__Dagger {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/Expression/Expression_72@2x.png)
}

.weui-desktop-card__bd .we-emoji__Soccer {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/Expression/Expression_73@2x.png)
}

.weui-desktop-card__bd .we-emoji__Ladybug {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/Expression/Expression_74@2x.png)
}

.weui-desktop-card__bd .we-emoji__Poop {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/Expression/Expression_75@2x.png)
}

.weui-desktop-card__bd .we-emoji__Moon {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/Expression/Expression_76@2x.png)
}

.weui-desktop-card__bd .we-emoji__Sun {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/Expression/Expression_77@2x.png)
}

.weui-desktop-card__bd .we-emoji__Gift {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/Expression/Expression_78@2x.png)
}

.weui-desktop-card__bd .we-emoji__Hug {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/Expression/Expression_79@2x.png)
}

.weui-desktop-card__bd .we-emoji__ThumbsUp {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/Expression/Expression_80@2x.png)
}

.weui-desktop-card__bd .we-emoji__ThumbsDown {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/Expression/Expression_81@2x.png)
}

.weui-desktop-card__bd .we-emoji__Shake {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/Expression/Expression_82@2x.png)
}

.weui-desktop-card__bd .we-emoji__Peace {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/Expression/Expression_83@2x.png)
}

.weui-desktop-card__bd .we-emoji__Fight {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/Expression/Expression_84@2x.png)
}

.weui-desktop-card__bd .we-emoji__Beckon {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/Expression/Expression_85@2x.png)
}

.weui-desktop-card__bd .we-emoji__Fist {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/Expression/Expression_86@2x.png)
}

.weui-desktop-card__bd .we-emoji__Pinky {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/Expression/Expression_87@2x.png)
}

.weui-desktop-card__bd .we-emoji__RockOn {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/Expression/Expression_88@2x.png)
}

.weui-desktop-card__bd .we-emoji__Nuh-uh {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/Expression/Expression_89@2x.png)
}

.weui-desktop-card__bd .we-emoji__OK {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/Expression/Expression_90@2x.png)
}

.weui-desktop-card__bd .we-emoji__InLove {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/Expression/Expression_91@2x.png)
}

.weui-desktop-card__bd .we-emoji__Blowkiss {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/Expression/Expression_92@2x.png)
}

.weui-desktop-card__bd .we-emoji__Waddle {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/Expression/Expression_93@2x.png)
}

.weui-desktop-card__bd .we-emoji__Tremble {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/Expression/Expression_94@2x.png)
}

.weui-desktop-card__bd .we-emoji__Aaagh {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/Expression/Expression_95@2x.png)
}

.weui-desktop-card__bd .we-emoji__Twirl {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/Expression/Expression_96@2x.png)
}

.weui-desktop-card__bd .we-emoji__Kotow {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/Expression/Expression_97@2x.png)
}

.weui-desktop-card__bd .we-emoji__Dramatic {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/Expression/Expression_98@2x.png)
}

.weui-desktop-card__bd .we-emoji__JumpRope {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/Expression/Expression_99@2x.png)
}

.weui-desktop-card__bd .we-emoji__Surrender {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/Expression/Expression_100@2x.png)
}

.weui-desktop-card__bd .we-emoji__Hooray {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/Expression/Expression_101@2x.png)
}

.weui-desktop-card__bd .we-emoji__Meditate {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/Expression/Expression_102@2x.png)
}

.weui-desktop-card__bd .we-emoji__Smooch {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/Expression/Expression_103@2x.png)
}

.weui-desktop-card__bd .we-emoji__TaiChiL {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/Expression/Expression_104@2x.png)
}

.weui-desktop-card__bd .we-emoji__TaiChiR {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/Expression/Expression_105@2x.png)
}

.weui-desktop-card__bd .we-emoji__Smirk {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/newemoji/2_02.png)
}

.weui-desktop-card__bd .we-emoji__Hey {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/newemoji/2_04.png)
}

.weui-desktop-card__bd .we-emoji__Facepalm {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/newemoji/2_05.png)
}

.weui-desktop-card__bd .we-emoji__Smart {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/newemoji/2_06.png)
}

.weui-desktop-card__bd .we-emoji__Tea {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/newemoji/2_07.png)
}

.weui-desktop-card__bd .we-emoji__Packet {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/newemoji/2_09.png)
}

.weui-desktop-card__bd .we-emoji__Candle {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/newemoji/2_10.png)
}

.weui-desktop-card__bd .we-emoji__Yeah {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/newemoji/2_11.png)
}

.weui-desktop-card__bd .we-emoji__Concerned {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/newemoji/2_12.png)
}

.weui-desktop-card__bd .we-emoji__Salute {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/newemoji/smiley_83b.png)
}

.weui-desktop-card__bd .we-emoji__Chick {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/newemoji/2_14.png)
}

.weui-desktop-card__bd .we-emoji__Blessing {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/newemoji/2_15.png)
}

.weui-desktop-card__bd .we-emoji__Bye {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/newemoji/smiley_39b.png)
}

.weui-desktop-card__bd .we-emoji__Rich {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/newemoji/2_16.png)
}

.weui-desktop-card__bd .we-emoji__Pup {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/newemoji/2_17.png)
}

.weui-desktop-card__bd .we-emoji__Onlooker {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/newemoji/Watermelon.png)
}

.weui-desktop-card__bd .we-emoji__GoForIt {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/newemoji/Addoil.png)
}

.weui-desktop-card__bd .we-emoji__Sweats {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/newemoji/Sweat.png)
}

.weui-desktop-card__bd .we-emoji__OMG {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/newemoji/Shocked.png)
}

.weui-desktop-card__bd .we-emoji__Emm {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/newemoji/Cold.png)
}

.weui-desktop-card__bd .we-emoji__Respect {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/newemoji/Social.png)
}

.weui-desktop-card__bd .we-emoji__Doge {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/newemoji/Yellowdog.png)
}

.weui-desktop-card__bd .we-emoji__NoProb {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/newemoji/NoProb.png)
}

.weui-desktop-card__bd .we-emoji__MyBad {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/newemoji/Slap.png)
}

.weui-desktop-card__bd .we-emoji__Wow {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/newemoji/Wow.png)
}

.weui-desktop-card__bd .we-emoji__KeepFighting {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/newemoji/KeepFighting.png)
}

.weui-desktop-card__bd .we-emoji__Boring {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/newemoji/Boring.png)
}

.weui-desktop-card__bd .we-emoji__Awesome {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/newemoji/666.png)
}

.weui-desktop-card__bd .we-emoji__LetMeSee {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/newemoji/LetMeSee.png)
}

.weui-desktop-card__bd .we-emoji__Sigh {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/newemoji/Sigh.png)
}

.weui-desktop-card__bd .we-emoji__Hurt {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/newemoji/Hurt.png)
}

.weui-desktop-card__bd .we-emoji__Broken {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/newemoji/Broken.png)
}

.weui-desktop-card__bd .we-emoji__Flushed {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/newemoji/Flushed.png)
}

.weui-desktop-card__bd .we-emoji__Happy {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/newemoji/Happy.png)
}

.weui-desktop-card__bd .we-emoji__Lol {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/newemoji/Lol.png)
}

.weui-desktop-card__bd .we-emoji__Fireworks {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/newemoji/Fireworks.png)
}

.weui-desktop-card__bd .we-emoji__Firecracker {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/newemoji/Firecracker.png)
}

.weui-desktop-card__bd .we-emoji__Party {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/newemoji/Party.png)
}

.weui-desktop-card__bd .we-emoji__Terror {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/newemoji/Terror.png)
}

.weui-desktop-card__bd .we-emoji__Duh {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/newemoji/Duh.png)
}

.weui-desktop-card__bd .we-emoji__LetDown {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/newemoji/LetDown.png)
}

.weui-desktop-card__bd .we-emoji__Sick {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/newemoji/Sick.png)
}

.weui-desktop-card__bd .we-emoji__Worship {
    background-image: url(https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.3.10/assets/newemoji/Worship.png)
}

.weui-desktop-card__bd .we-emoji {
    font-size: 22px;
    width: 1em;
    height: 1em;
    margin: 0 2px;
    background-size: 1em;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: 0 0
}

.weui-desktop-card__bd .emotions {
    -moz-user-select: none;
    overflow: hidden;
    position: relative;
    z-index: 1;
    padding: 0
}

.weui-desktop-card__bd .emotions_item {
    float: left;
    width: 24px;
    height: 24px;
    line-height: 24px;
    font-size: 0;
    text-align: center;
    background-color: var(--weuiDesktop_cardBgColor)
}

    .weui-desktop-card__bd .emotions_item:hover {
        background-color: var(--weuiDesktop_globalBgColor)
    }

    .weui-desktop-card__bd .emotions_item img {
        cursor: pointer;
        margin-top: 0;
        width: 20px;
        height: 20px;
        vertical-align: middle;
        display: inline-block;
        font-size: 20px;
        background-size: 20px auto;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

.publish_card_container .op_btn_wrap {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    position: absolute;
    left: 100%;
    top: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    min-width: 72px
}

    .publish_card_container .op_btn_wrap .op_btn_container {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        padding: 0 20px
    }

        .publish_card_container .op_btn_wrap .op_btn_container .tooltip_cus {
            margin-right: 12px
        }

.publish_card_container:hover .op_btn_wrap {
    opacity: 1;
    visibility: visible
}

.weui-desktop-audio_chatmsg.is-old-style {
    width: 178px;
    height: 72px;
    background: #fafafa;
    color: #9a9a9a;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

    .weui-desktop-audio_chatmsg.is-old-style.outdate {
        width: 278px
    }

    .weui-desktop-audio_chatmsg.is-old-style .weui-desktop-audio_chatmsg__player {
        width: 32px;
        height: 32px;
        margin: 0 15px 0 20px
    }

    .weui-desktop-audio_chatmsg.is-old-style .weui-desktop-audio-player__switch {
        background-size: 32px auto;
        cursor: pointer
    }

        .weui-desktop-audio_chatmsg.is-old-style .weui-desktop-audio-player__switch.outdate {
            -webkit-filter: grayscale(100%);
            -moz-filter: grayscale(100%);
            -ms-filter: grayscale(100%);
            -o-filter: grayscale(100%);
            filter: grayscale(100%);
            -webkit-filter: gray;
            filter: gray;
            cursor: auto
        }

        .weui-desktop-audio_chatmsg.is-old-style .weui-desktop-audio-player__switch.green {
            background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E  %3Cg fill='none' fill-rule='evenodd'%3E    %3Cpath d='M0 0h24v24H0z'/%3E    %3Cpath fill='%2307C160' fill-rule='nonzero' d='M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2zm0 1.5a8.5 8.5 0 1 0 0 17 8.5 8.5 0 0 0 0-17zm1.307 3.196a7.5 7.5 0 0 1-.003 10.604l-.003.003-1.061-1.062.003-.003a6 6 0 0 0 .003-8.483l1.06-1.06zM11.362 8.64a4.75 4.75 0 0 1-.003 6.716l-.003.002-1.06-1.06.003-.004a3.25 3.25 0 0 0 .003-4.593l1.06-1.06zm-1.975 1.976l.028.028a2 2 0 0 1 .027 2.8l-1.441-1.44 1.386-1.388z'/%3E  %3C/g%3E%3C/svg%3E")
        }

        .weui-desktop-audio_chatmsg.is-old-style .weui-desktop-audio-player__switch.white {
            background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E  %3Cg fill='none' fill-rule='evenodd'%3E    %3Cpath d='M0 0h24v24H0z'/%3E    %3Cpath fill='%23FFF' fill-rule='nonzero' d='M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2zm0 1.5a8.5 8.5 0 1 0 0 17 8.5 8.5 0 0 0 0-17zm1.307 3.196a7.5 7.5 0 0 1-.003 10.604l-.003.003-1.061-1.062.003-.003a6 6 0 0 0 .003-8.483l1.06-1.06zM11.362 8.64a4.75 4.75 0 0 1-.003 6.716l-.003.002-1.06-1.06.003-.004a3.25 3.25 0 0 0 .003-4.593l1.06-1.06zm-1.975 1.976l.028.028a2 2 0 0 1 .027 2.8l-1.441-1.44 1.386-1.388z'/%3E  %3C/g%3E%3C/svg%3E")
        }

    .weui-desktop-audio_chatmsg.is-old-style .weui-desktop-audio_playing .weui-desktop-audio-player__switch {
        display: inline-block;
        vertical-align: middle;
        width: 32px;
        height: 32px;
        background-size: cover
    }

        .weui-desktop-audio_chatmsg.is-old-style .weui-desktop-audio_playing .weui-desktop-audio-player__switch.green {
            -webkit-animation: playing_green 1.5s linear infinite;
            animation: playing_green 1.5s linear infinite
        }

        .weui-desktop-audio_chatmsg.is-old-style .weui-desktop-audio_playing .weui-desktop-audio-player__switch.white {
            -webkit-animation: playing_white 1.5s linear infinite;
            animation: playing_white 1.5s linear infinite
        }

@-webkit-keyframes playing_green {
    0% {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E  %3Cg fill='none' fill-rule='evenodd'%3E    %3Cpath d='M0 0h24v24H0z'/%3E    %3Cpath fill='%2307C160' fill-rule='nonzero' d='M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2zm0 1.5a8.5 8.5 0 1 0 0 17 8.5 8.5 0 0 0 0-17zm-2.614 7.117l.029.027a2 2 0 0 1 .117 2.701l-.09.099L8 12.004l1.385-1.387z'/%3E  %3C/g%3E%3C/svg%3E")
    }

    50% {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E  %3Cg fill='none' fill-rule='evenodd'%3E    %3Cpath d='M0 0h24v24H0z'/%3E    %3Cpath fill='%2307C160' fill-rule='nonzero' d='M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2zm0 1.5a8.5 8.5 0 1 0 0 17 8.5 8.5 0 0 0 0-17zm-.638 5.14a4.75 4.75 0 0 1-.003 6.716l-.003.002-1.06-1.06.003-.004a3.25 3.25 0 0 0 .003-4.593l1.06-1.06zm-1.975 1.976l.028.028a2 2 0 0 1 .027 2.8l-1.441-1.44 1.386-1.388z'/%3E  %3C/g%3E%3C/svg%3E")
    }

    100% {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E  %3Cg fill='none' fill-rule='evenodd'%3E    %3Cpath d='M0 0h24v24H0z'/%3E    %3Cpath fill='%2307C160' fill-rule='nonzero' d='M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2zm0 1.5a8.5 8.5 0 1 0 0 17 8.5 8.5 0 0 0 0-17zm1.307 3.196a7.5 7.5 0 0 1-.003 10.604l-.003.003-1.061-1.062.003-.003a6 6 0 0 0 .003-8.483l1.06-1.06zM11.362 8.64a4.75 4.75 0 0 1-.003 6.716l-.003.002-1.06-1.06.003-.004a3.25 3.25 0 0 0 .003-4.593l1.06-1.06zm-1.975 1.976l.028.028a2 2 0 0 1 .027 2.8l-1.441-1.44 1.386-1.388z'/%3E  %3C/g%3E%3C/svg%3E")
    }
}

@keyframes playing_green {
    0% {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E  %3Cg fill='none' fill-rule='evenodd'%3E    %3Cpath d='M0 0h24v24H0z'/%3E    %3Cpath fill='%2307C160' fill-rule='nonzero' d='M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2zm0 1.5a8.5 8.5 0 1 0 0 17 8.5 8.5 0 0 0 0-17zm-2.614 7.117l.029.027a2 2 0 0 1 .117 2.701l-.09.099L8 12.004l1.385-1.387z'/%3E  %3C/g%3E%3C/svg%3E")
    }

    50% {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E  %3Cg fill='none' fill-rule='evenodd'%3E    %3Cpath d='M0 0h24v24H0z'/%3E    %3Cpath fill='%2307C160' fill-rule='nonzero' d='M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2zm0 1.5a8.5 8.5 0 1 0 0 17 8.5 8.5 0 0 0 0-17zm-.638 5.14a4.75 4.75 0 0 1-.003 6.716l-.003.002-1.06-1.06.003-.004a3.25 3.25 0 0 0 .003-4.593l1.06-1.06zm-1.975 1.976l.028.028a2 2 0 0 1 .027 2.8l-1.441-1.44 1.386-1.388z'/%3E  %3C/g%3E%3C/svg%3E")
    }

    100% {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E  %3Cg fill='none' fill-rule='evenodd'%3E    %3Cpath d='M0 0h24v24H0z'/%3E    %3Cpath fill='%2307C160' fill-rule='nonzero' d='M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2zm0 1.5a8.5 8.5 0 1 0 0 17 8.5 8.5 0 0 0 0-17zm1.307 3.196a7.5 7.5 0 0 1-.003 10.604l-.003.003-1.061-1.062.003-.003a6 6 0 0 0 .003-8.483l1.06-1.06zM11.362 8.64a4.75 4.75 0 0 1-.003 6.716l-.003.002-1.06-1.06.003-.004a3.25 3.25 0 0 0 .003-4.593l1.06-1.06zm-1.975 1.976l.028.028a2 2 0 0 1 .027 2.8l-1.441-1.44 1.386-1.388z'/%3E  %3C/g%3E%3C/svg%3E")
    }
}

@-webkit-keyframes playing_white {
    0% {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E  %3Cg fill='none' fill-rule='evenodd'%3E    %3Cpath d='M0 0h24v24H0z'/%3E    %3Cpath fill='%23FFF' fill-rule='nonzero' d='M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2zm0 1.5a8.5 8.5 0 1 0 0 17 8.5 8.5 0 0 0 0-17zm-2.614 7.117l.029.027a2 2 0 0 1 .117 2.701l-.09.099L8 12.004l1.385-1.387z'/%3E  %3C/g%3E%3C/svg%3E")
    }

    50% {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E  %3Cg fill='none' fill-rule='evenodd'%3E    %3Cpath d='M0 0h24v24H0z'/%3E    %3Cpath fill='%23FFF' fill-rule='nonzero' d='M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2zm0 1.5a8.5 8.5 0 1 0 0 17 8.5 8.5 0 0 0 0-17zm-.638 5.14a4.75 4.75 0 0 1-.003 6.716l-.003.002-1.06-1.06.003-.004a3.25 3.25 0 0 0 .003-4.593l1.06-1.06zm-1.975 1.976l.028.028a2 2 0 0 1 .027 2.8l-1.441-1.44 1.386-1.388z'/%3E  %3C/g%3E%3C/svg%3E")
    }

    100% {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E  %3Cg fill='none' fill-rule='evenodd'%3E    %3Cpath d='M0 0h24v24H0z'/%3E    %3Cpath fill='%23FFF' fill-rule='nonzero' d='M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2zm0 1.5a8.5 8.5 0 1 0 0 17 8.5 8.5 0 0 0 0-17zm1.307 3.196a7.5 7.5 0 0 1-.003 10.604l-.003.003-1.061-1.062.003-.003a6 6 0 0 0 .003-8.483l1.06-1.06zM11.362 8.64a4.75 4.75 0 0 1-.003 6.716l-.003.002-1.06-1.06.003-.004a3.25 3.25 0 0 0 .003-4.593l1.06-1.06zm-1.975 1.976l.028.028a2 2 0 0 1 .027 2.8l-1.441-1.44 1.386-1.388z'/%3E  %3C/g%3E%3C/svg%3E")
    }
}

@keyframes playing_white {
    0% {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E  %3Cg fill='none' fill-rule='evenodd'%3E    %3Cpath d='M0 0h24v24H0z'/%3E    %3Cpath fill='%23FFF' fill-rule='nonzero' d='M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2zm0 1.5a8.5 8.5 0 1 0 0 17 8.5 8.5 0 0 0 0-17zm-2.614 7.117l.029.027a2 2 0 0 1 .117 2.701l-.09.099L8 12.004l1.385-1.387z'/%3E  %3C/g%3E%3C/svg%3E")
    }

    50% {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E  %3Cg fill='none' fill-rule='evenodd'%3E    %3Cpath d='M0 0h24v24H0z'/%3E    %3Cpath fill='%23FFF' fill-rule='nonzero' d='M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2zm0 1.5a8.5 8.5 0 1 0 0 17 8.5 8.5 0 0 0 0-17zm-.638 5.14a4.75 4.75 0 0 1-.003 6.716l-.003.002-1.06-1.06.003-.004a3.25 3.25 0 0 0 .003-4.593l1.06-1.06zm-1.975 1.976l.028.028a2 2 0 0 1 .027 2.8l-1.441-1.44 1.386-1.388z'/%3E  %3C/g%3E%3C/svg%3E")
    }

    100% {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E  %3Cg fill='none' fill-rule='evenodd'%3E    %3Cpath d='M0 0h24v24H0z'/%3E    %3Cpath fill='%23FFF' fill-rule='nonzero' d='M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2zm0 1.5a8.5 8.5 0 1 0 0 17 8.5 8.5 0 0 0 0-17zm1.307 3.196a7.5 7.5 0 0 1-.003 10.604l-.003.003-1.061-1.062.003-.003a6 6 0 0 0 .003-8.483l1.06-1.06zM11.362 8.64a4.75 4.75 0 0 1-.003 6.716l-.003.002-1.06-1.06.003-.004a3.25 3.25 0 0 0 .003-4.593l1.06-1.06zm-1.975 1.976l.028.028a2 2 0 0 1 .027 2.8l-1.441-1.44 1.386-1.388z'/%3E  %3C/g%3E%3C/svg%3E")
    }
}

.weui-desktop-audio_chatmsg.is-new-style {
    padding: 0 12px;
    min-width: 84px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: 48px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 4px;
    overflow: hidden;
    position: relative
}

    .weui-desktop-audio_chatmsg.is-new-style.green {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        color: #fff;
        background-color: var(--weuiDesktop_themeColor)
    }

        .weui-desktop-audio_chatmsg.is-new-style.green .weui-desktop-audio_chatmsg__player {
            margin-left: 2px
        }

    .weui-desktop-audio_chatmsg.is-new-style.white {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        color: #000;
        background-color: var(--weuiDesktop_globalBgColor)
    }

        .weui-desktop-audio_chatmsg.is-new-style.white .weui-desktop-audio_chatmsg__player {
            margin-right: 2px
        }

    .weui-desktop-audio_chatmsg.is-new-style .click-mask {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        cursor: pointer
    }

    .weui-desktop-audio_chatmsg.is-new-style .weui-desktop-audio_chatmsg__duration {
        font-size: 16px
    }

    .weui-desktop-audio_chatmsg.is-new-style .weui-desktop-audio_chatmsg__player {
        width: 24px;
        height: 24px
    }

    .weui-desktop-audio_chatmsg.is-new-style .weui-desktop-audio-player__switch {
        height: 24px;
        width: 24px;
        background-size: 24px auto;
        cursor: pointer
    }

        .weui-desktop-audio_chatmsg.is-new-style .weui-desktop-audio-player__switch svg {
            display: none
        }

        .weui-desktop-audio_chatmsg.is-new-style .weui-desktop-audio-player__switch.outdate {
            -webkit-filter: grayscale(100%);
            -moz-filter: grayscale(100%);
            -ms-filter: grayscale(100%);
            -o-filter: grayscale(100%);
            filter: grayscale(100%);
            -webkit-filter: gray;
            filter: gray;
            cursor: auto
        }

        .weui-desktop-audio_chatmsg.is-new-style .weui-desktop-audio-player__switch.white {
            background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.7125 19.2124C14.6142 17.3107 15.7 14.7436 15.7 11.9999C15.7 9.25629 14.6142 6.68913 12.7125 4.78744L13.9853 3.51465C16.1569 5.68622 17.5 8.68622 17.5 11.9999C17.5 15.3136 16.1569 18.3136 13.9853 20.4852L12.7125 19.2124ZM9.74255 16.2427C10.8617 15.1236 11.4999 13.6146 11.4999 12.0001C11.4999 10.3855 10.8617 8.87654 9.74255 7.75741L11.0153 6.48462C12.4269 7.89614 13.2999 9.84614 13.2999 12.0001C13.2999 14.154 12.4269 16.104 11.0153 17.5155L9.74255 16.2427ZM9.1 12.0002C9.1 12.9943 8.69706 13.8943 8.04558 14.5458L5.5 12.0002L8.04558 9.45459C8.69706 10.1061 9.1 11.0061 9.1 12.0002Z' fill='%23000000' fill-opacity='0.9'/%3E %3C/svg%3E")
        }

        .weui-desktop-audio_chatmsg.is-new-style .weui-desktop-audio-player__switch.green {
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
            background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.7125 19.2124C14.6142 17.3107 15.7 14.7436 15.7 11.9999C15.7 9.25629 14.6142 6.68913 12.7125 4.78744L13.9853 3.51465C16.1569 5.68622 17.5 8.68622 17.5 11.9999C17.5 15.3136 16.1569 18.3136 13.9853 20.4852L12.7125 19.2124ZM9.74255 16.2427C10.8617 15.1236 11.4999 13.6146 11.4999 12.0001C11.4999 10.3855 10.8617 8.87654 9.74255 7.75741L11.0153 6.48462C12.4269 7.89614 13.2999 9.84614 13.2999 12.0001C13.2999 14.154 12.4269 16.104 11.0153 17.5155L9.74255 16.2427ZM9.1 12.0002C9.1 12.9943 8.69706 13.8943 8.04558 14.5458L5.5 12.0002L8.04558 9.45459C8.69706 10.1061 9.1 11.0061 9.1 12.0002Z' fill='%23ffffff' fill-opacity='0.9'/%3E %3C/svg%3E")
        }

    .weui-desktop-audio_chatmsg.is-new-style .weui-desktop-audio_playing .weui-desktop-audio-player__switch {
        display: inline-block;
        vertical-align: middle;
        width: 24px;
        height: 24px;
        background-size: cover
    }

        .weui-desktop-audio_chatmsg.is-new-style .weui-desktop-audio_playing .weui-desktop-audio-player__switch.white {
            -webkit-animation: playing_white2 1.5s linear infinite;
            animation: playing_white2 1.5s linear infinite
        }

        .weui-desktop-audio_chatmsg.is-new-style .weui-desktop-audio_playing .weui-desktop-audio-player__switch.green {
            -webkit-animation: playing_green2 1.5s linear infinite;
            animation: playing_green2 1.5s linear infinite
        }

@-webkit-keyframes playing_white2 {
    0% {
        background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.04558 14.5458C8.69706 13.8943 9.1 12.9943 9.1 12.0002C9.1 11.0061 8.69706 10.1061 8.04558 9.45459L5.5 12.0002L8.04558 14.5458Z' fill='%23000000' fill-opacity='0.9'/%3E %3C/svg%3E")
    }

    50% {
        background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.4999 12.0003C11.4999 13.6149 10.8617 15.1238 9.74255 16.2429L11.0153 17.5157C12.4269 16.1042 13.2999 14.1542 13.2999 12.0003C13.2999 9.84639 12.4269 7.89639 11.0153 6.48486L9.74255 7.75766C10.8617 8.87678 11.4999 10.3857 11.4999 12.0003ZM9.1 12.0004C9.1 12.9945 8.69706 13.8945 8.04558 14.546L5.5 12.0004L8.04558 9.45483C8.69706 10.1063 9.1 11.0063 9.1 12.0004Z' fill='%23000000' fill-opacity='0.9'/%3E %3C/svg%3E ")
    }

    100% {
        background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.7125 19.2124C14.6142 17.3107 15.7 14.7436 15.7 11.9999C15.7 9.25629 14.6142 6.68913 12.7125 4.78744L13.9853 3.51465C16.1569 5.68622 17.5 8.68622 17.5 11.9999C17.5 15.3136 16.1569 18.3136 13.9853 20.4852L12.7125 19.2124ZM9.74255 16.2427C10.8617 15.1236 11.4999 13.6146 11.4999 12.0001C11.4999 10.3855 10.8617 8.87654 9.74255 7.75741L11.0153 6.48462C12.4269 7.89614 13.2999 9.84614 13.2999 12.0001C13.2999 14.154 12.4269 16.104 11.0153 17.5155L9.74255 16.2427ZM9.1 12.0002C9.1 12.9943 8.69706 13.8943 8.04558 14.5458L5.5 12.0002L8.04558 9.45459C8.69706 10.1061 9.1 11.0061 9.1 12.0002Z' fill='%23000000' fill-opacity='0.9'/%3E %3C/svg%3E")
    }
}

@keyframes playing_white2 {
    0% {
        background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.04558 14.5458C8.69706 13.8943 9.1 12.9943 9.1 12.0002C9.1 11.0061 8.69706 10.1061 8.04558 9.45459L5.5 12.0002L8.04558 14.5458Z' fill='%23000000' fill-opacity='0.9'/%3E %3C/svg%3E")
    }

    50% {
        background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.4999 12.0003C11.4999 13.6149 10.8617 15.1238 9.74255 16.2429L11.0153 17.5157C12.4269 16.1042 13.2999 14.1542 13.2999 12.0003C13.2999 9.84639 12.4269 7.89639 11.0153 6.48486L9.74255 7.75766C10.8617 8.87678 11.4999 10.3857 11.4999 12.0003ZM9.1 12.0004C9.1 12.9945 8.69706 13.8945 8.04558 14.546L5.5 12.0004L8.04558 9.45483C8.69706 10.1063 9.1 11.0063 9.1 12.0004Z' fill='%23000000' fill-opacity='0.9'/%3E %3C/svg%3E ")
    }

    100% {
        background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.7125 19.2124C14.6142 17.3107 15.7 14.7436 15.7 11.9999C15.7 9.25629 14.6142 6.68913 12.7125 4.78744L13.9853 3.51465C16.1569 5.68622 17.5 8.68622 17.5 11.9999C17.5 15.3136 16.1569 18.3136 13.9853 20.4852L12.7125 19.2124ZM9.74255 16.2427C10.8617 15.1236 11.4999 13.6146 11.4999 12.0001C11.4999 10.3855 10.8617 8.87654 9.74255 7.75741L11.0153 6.48462C12.4269 7.89614 13.2999 9.84614 13.2999 12.0001C13.2999 14.154 12.4269 16.104 11.0153 17.5155L9.74255 16.2427ZM9.1 12.0002C9.1 12.9943 8.69706 13.8943 8.04558 14.5458L5.5 12.0002L8.04558 9.45459C8.69706 10.1061 9.1 11.0061 9.1 12.0002Z' fill='%23000000' fill-opacity='0.9'/%3E %3C/svg%3E")
    }
}

@-webkit-keyframes playing_green2 {
    0% {
        background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.04558 14.5458C8.69706 13.8943 9.1 12.9943 9.1 12.0002C9.1 11.0061 8.69706 10.1061 8.04558 9.45459L5.5 12.0002L8.04558 14.5458Z' fill='%23ffffff' fill-opacity='0.9'/%3E %3C/svg%3E")
    }

    50% {
        background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.4999 12.0003C11.4999 13.6149 10.8617 15.1238 9.74255 16.2429L11.0153 17.5157C12.4269 16.1042 13.2999 14.1542 13.2999 12.0003C13.2999 9.84639 12.4269 7.89639 11.0153 6.48486L9.74255 7.75766C10.8617 8.87678 11.4999 10.3857 11.4999 12.0003ZM9.1 12.0004C9.1 12.9945 8.69706 13.8945 8.04558 14.546L5.5 12.0004L8.04558 9.45483C8.69706 10.1063 9.1 11.0063 9.1 12.0004Z' fill='%23ffffff' fill-opacity='0.9'/%3E %3C/svg%3E ")
    }

    100% {
        background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.7125 19.2124C14.6142 17.3107 15.7 14.7436 15.7 11.9999C15.7 9.25629 14.6142 6.68913 12.7125 4.78744L13.9853 3.51465C16.1569 5.68622 17.5 8.68622 17.5 11.9999C17.5 15.3136 16.1569 18.3136 13.9853 20.4852L12.7125 19.2124ZM9.74255 16.2427C10.8617 15.1236 11.4999 13.6146 11.4999 12.0001C11.4999 10.3855 10.8617 8.87654 9.74255 7.75741L11.0153 6.48462C12.4269 7.89614 13.2999 9.84614 13.2999 12.0001C13.2999 14.154 12.4269 16.104 11.0153 17.5155L9.74255 16.2427ZM9.1 12.0002C9.1 12.9943 8.69706 13.8943 8.04558 14.5458L5.5 12.0002L8.04558 9.45459C8.69706 10.1061 9.1 11.0061 9.1 12.0002Z' fill='%23ffffff' fill-opacity='0.9'/%3E %3C/svg%3E")
    }
}

@keyframes playing_green2 {
    0% {
        background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.04558 14.5458C8.69706 13.8943 9.1 12.9943 9.1 12.0002C9.1 11.0061 8.69706 10.1061 8.04558 9.45459L5.5 12.0002L8.04558 14.5458Z' fill='%23ffffff' fill-opacity='0.9'/%3E %3C/svg%3E")
    }

    50% {
        background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.4999 12.0003C11.4999 13.6149 10.8617 15.1238 9.74255 16.2429L11.0153 17.5157C12.4269 16.1042 13.2999 14.1542 13.2999 12.0003C13.2999 9.84639 12.4269 7.89639 11.0153 6.48486L9.74255 7.75766C10.8617 8.87678 11.4999 10.3857 11.4999 12.0003ZM9.1 12.0004C9.1 12.9945 8.69706 13.8945 8.04558 14.546L5.5 12.0004L8.04558 9.45483C8.69706 10.1063 9.1 11.0063 9.1 12.0004Z' fill='%23ffffff' fill-opacity='0.9'/%3E %3C/svg%3E ")
    }

    100% {
        background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.7125 19.2124C14.6142 17.3107 15.7 14.7436 15.7 11.9999C15.7 9.25629 14.6142 6.68913 12.7125 4.78744L13.9853 3.51465C16.1569 5.68622 17.5 8.68622 17.5 11.9999C17.5 15.3136 16.1569 18.3136 13.9853 20.4852L12.7125 19.2124ZM9.74255 16.2427C10.8617 15.1236 11.4999 13.6146 11.4999 12.0001C11.4999 10.3855 10.8617 8.87654 9.74255 7.75741L11.0153 6.48462C12.4269 7.89614 13.2999 9.84614 13.2999 12.0001C13.2999 14.154 12.4269 16.104 11.0153 17.5155L9.74255 16.2427ZM9.1 12.0002C9.1 12.9943 8.69706 13.8943 8.04558 14.5458L5.5 12.0002L8.04558 9.45459C8.69706 10.1061 9.1 11.0061 9.1 12.0002Z' fill='%23ffffff' fill-opacity='0.9'/%3E %3C/svg%3E")
    }
}
